<template>
  <div class="group-content">
    <p v-for="(item, index) in staffList" :key="index" class="item" @click="editHandle(item)">{{item.name}}</p>
  </div>
</template>

<script type="text/ecmascript-6">
  import {outreachGroupComputed, outreachGroupMethods} from '@state/helpers'

  const COMPONENT_NAME = 'GROUP_CONTENT'

  export default {
    name: COMPONENT_NAME,
    data() {
      return {

      }
    },
    computed: {
      ...outreachGroupComputed,
    },
    methods: {
      ...outreachGroupMethods,
      editHandle (item) {
        this.setCurrentStaff(item)
        this.handleModal({isShow: true, title: '编辑',name: item.name, useType: 'editorStaff', modalType: 'addStaff'})
      }
    }
  }
</script>

<style scoped lang="stylus" rel="stylesheet/stylus">
  @import "~@design"

  .group-content
    flex: 1
    .item
      height :30px
      line-height :@height
      padding-left :20px
</style>
